<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/today.css">
    <link rel="stylesheet" href="css/search.css">
</head>
<body>
<div class="top-nav search-nav">
    <div class="search-bar bg-gray">
        <div class="search-icon">
            <span class="iconfont">&#xe633;</span>
        </div>
        <input type="text" name="search" class="bg-gray" value="优酷" placeholder="App search">
    </div>
    <div class="cancel-btn">
        <a href="index.html">取消</a>
    </div>
</div>
<div class="bottom-nav">
    <ul>
        <li>
            <div><p class="iconfont">&#xe67c;</p><a href="index.html">Today</a></div>
        </li>
        <li>
            <div><p class="iconfont">&#xe760;</p><a href="index.html">游戏</a></div>
        </li>
        <li>
            <div><p class="iconfont">&#xe619;</p><a href="index.html">App</a></div>
        </li>
        <li>
            <div><p class="iconfont">&#xe640;</p><a href="index.html">更新</a></div>
        </li>
        <li class="active">
            <div><p class="iconfont">&#xe633;</p><a href="index.html">搜索</a></div>
        </li>
    </ul>
</div>
<div class="content-box">
    <div class="search-item">
        <div class="app-list-item">
            <div class="app-icon shadow-gray">
                <img src="img/application/dog.jpg">
            </div>
            <div class="ad-app-list-content">
                <h5>优酷视频-长安十二时辰</h5>
                <p>海量高清好片趁热看</p>
                <p>900万</p>
            </div>
            <div class="application-get">
                <div class="app-get-btn bg-gray">
                    <a href="#">获取</a>
                </div>
            </div>
        </div>
        <div class="app-vertical-show">
            <div><img src="img/screenshot/shot1.jpg"></div>
            <div><img src="img/screenshot/shot2.jpg"></div>
            <div><img src="img/screenshot/shot3.jpg"></div>
        </div>
        <div class="app-describe">
            <div class="app-des-header">
                <div>
                    <p class="light-blue">订阅</p>
                    <p class="title">连续包月会员</p>
                    <p class="sub-title">用于优酷视频-长安十二时辰</p>
                </div>
                <div class="application-get">
                    <div class="app-get-btn bg-gray">
                        <a href="#">￥15.0</a>
                    </div>
                </div>
            </div>
            <div class="app-des-img-box">
                <img src="img/advertisement/IMG_2.jpg">
            </div>
        </div>
    </div>
    <div class="search-item">
        <div class="app-list-item">
            <div class="app-icon shadow-gray">
                <img src="img/application/done.jpg">
            </div>
            <div class="ad-app-list-content">
                <h5>影视大全-电视电影</h5>
                <p>韩剧美剧全网同步更新</p>
                <p>52.4万</p>
            </div>
            <div class="application-get">
                <div class="app-get-btn bg-gray">
                    <a href="#">获取</a>
                </div>
            </div>
        </div>
        <div class="app-vertical-show">
            <div><img src="img/screenshot/shot4.jpg"></div>
            <div><img src="img/screenshot/shot5.jpg"></div>
            <div><img src="img/screenshot/shot5.jpg"></div>

        </div>
    </div>
    <div class="search-item">
        <div class="app-list-item">
            <div class="app-icon shadow-gray">
                <img src="img/application/phone.jpg">
            </div>
            <div class="ad-app-list-content">
                <h5>百度视频-高清电影</h5>
                <p>《流淌的美好时光》热播</p>
                <p>3.4万</p>
            </div>
            <div class="application-get">
                <div class="app-get-btn bg-gray">
                    <a href="#">获取</a>
                </div>
            </div>
        </div>
        <div class="app-vertical-show">
            <div><img src="img/screenshot/shot6.jpg"></div>
            <div><img src="img/screenshot/shot7.jpg"></div>
            <div><img src="img/screenshot/shot8.jpg"></div>

        </div>
    </div>
    <div class="search-item">
        <div class="app-list-item">
            <div class="app-icon shadow-gray">
                <img src="img/application/smile.jpg">
            </div>
            <div class="ad-app-list-content">
                <h5>爱奇艺-中国新说唱2019独播</h5>
                <p>流淌的美好时光</p>
                <p>1144万</p>
            </div>
            <div class="application-get">
                <div class="app-get-btn bg-gray">
                    <a href="#">获取</a>
                </div>
            </div>
        </div>
        <div class="app-vertical-show">
            <div><img src="img/screenshot/shot1.jpg"></div>
            <div><img src="img/screenshot/shot2.jpg"></div>
            <div><img src="img/screenshot/shot3.jpg"></div>
        </div>
        <div class="app-describe">
            <div class="app-des-header">
                <div>
                    <p class="light-blue">专题</p>
                    <p class="title">电影中的蜘蛛侠</p>
                    <p class="sub-title">你熟悉或不熟悉的几个系列</p>
                </div>
                <div class="application-get">
                    <div class="app-get-btn bg-gray">
                        <a href="#">￥15.0</a>
                    </div>
                </div>
            </div>
            <div class="app-des-img-box">
                <img src="img/advertisement/IMG_5.jpg">
            </div>
        </div>
    </div>
</div>
</body>
<script>
    let targets = [...document.getElementsByClassName('app-list-item')];
    for(let i in targets){
        targets[i].addEventListener('click', function () {
            window.location.href = './app_info.html'
        });
    }
</script>
</html>